body {
  margin: 0;
  padding: 0;
}

.formContainer {
  :global {
    .adm-list-item-content-prefix {
      width: 30% !important ;
    }
    .adm-list-card {
      margin: 0;
    }
  }
}
.container {
  width: 100vw;
  height: 100%;
  overflow-y: auto;
  text-align: center;
  box-sizing: border-box;
  .listContainer {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1vw;
    grid-row-gap: 2vw;
    width: 96vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    .listitemWrapper {
      width: 48vw;
      border: 1px solid red;
      .item {
        background: #ffffff;
        border-radius: 6px 6px 6px 6px;
        opacity: 1;
        width: 98%;
        margin: auto;
        overflow: hidden;
        padding-bottom: 20px;
        .imgcontaner {
          width: 100%;
          position: relative;
          color: white;
          .bottom {
            height: 30px;
            position: absolute;
            bottom: 0;
            width: 100%;
            background-image: linear-gradient(rgba(112, 193, 247, 0), rgba(153, 162, 170, 0.7));
            display: flex;
            align-items: center;
            font-size: 12px;
            .rank {
              flex: 1;
              display: flex;
              align-items: center;
              margin-left: 5px;
              .r1 {
                background: rgba(242, 82, 42, 0.5);
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
                padding: 0px 5px;
                box-sizing: border-box;
                border: none;
                line-height: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
              }
              .r2 {
                box-sizing: border-box;
                background: rgba(0, 0, 0, 0.3);
                border-top-right-radius: 4px;
                padding: 0px 10px;
                border-bottom-right-radius: 4px;
                border: none;
                line-height: 18px;
                display: flex;
                align-items: center;
              }
            }
            .cnt {
              display: block;
              padding-right: 5px;
              text-shadow: 2px 2px 2px #57abf3;
            }
          }
        }
        img {
          width: 100%;
          height: 100%;
          display: block;
          background-color: #eee;
        }
        .name {
          font-weight: 400;
          color: #888;
          text-align: left;
          font-size: 14px;
          padding: 1vw;
          display: flex;
          align-items: center;
        }
        .voteBtn {
          background: #f2522a;
          border-radius: 30px;
          opacity: 0.93;
          color: white;
          font-size: 16px;
          width: 80%;
          margin: auto;
          padding: 5px;
          line-height: 20px;
          margin-top: 20px;
          &:hover {
            opacity: 0.7;
          }
        }
        .voteBtn1 {
          background: rgb(0, 181, 120);
          border-radius: 30px;
          opacity: 0.93;
          color: white;
          font-size: 16px;
          width: 80%;
          margin: auto;
          padding: 5px;
          line-height: 20px;
          margin-top: 10px;
          &:hover {
            opacity: 0.7;
          }
        }
      }
    }
  }
}
